iT邦幫忙

2021 iThome 鐵人賽

DAY 1
0
Software Development

30天學會React系列 第 1

Day1 30天學會React,其實一點都不難

  • 分享至 

  • xImage
  •  

Hi!
時光飛逝,又過了一年,我又來自虐了,距離上次絞盡腦汁生出鐵人賽文章也有一年多的時間了 廢話,不知道大家這年有沒有什麼成長呢?還是跟以前一樣繼續耍廢?

其實這一年多的時間堆我來說是非常重要的一年,因為疫情所以多了更多的學習機會,像是我在疫情期間就學了:python, react-native, next.js...,說實話react也算是這次疫情開始才認真去學習(原本學Vue),包括class component, hooks, redux...(如果提到這邊你有點聽不懂,沒關係,我後面都會提到,所以先別緊張),所以這次鐵人賽就當作學習react的成果驗收,從我自學找到的相關資訊到工作上的遇到的問題,我都會跟大家分享,希望你們在30天後能對react有一定程度的了解!

這邊需先聲明:我的觀念都是自學,加工作上遇到的,所以如果有更好的解法或是想法,都歡迎提出,我會很感謝你


好的,說到這,廢話也說很多了,這邊要開始說明一下這次的鐵人賽的一些規劃:

首先,礙於上次鐵人賽寫得很爛,不,簡直慘不忍睹,所以這次會努力提升我的用詞和增加一些程式碼展現,並且用一個初學者的角度跟大家再學一次react

再來這次會把所有的程式碼放到Github上面,所以有任何問題都可以發issues給我,或是在下方留言,我看到一定會回你,那如果你對於我的程式碼有更好的寫法,歡迎發PR給我,算是做個技術上的交流,我看過之後有很高的機率會在文章後方貼上你的程式碼,並且標注是誰提供的。

這篇系列文會比較適合有一點程度的人閱讀,所以如果沒有Html, Css, JavaScript底子的人,可能會讀得比較吃力,我會以最基礎的面相分享給你們,不過如果還是聽不懂,可能就需要先去把其他部分補起來會比較好


以上就是這次的規則,差不多是這樣,那下面會是我的主題目錄(會慢慢補上):

Day1: 30天學會React,其實一點都不難!
Day2: 基礎安裝 + 加碼:nvm
Day3: Hello World! + 基礎佈局
Day4: Jsx
Day5: State vs Props
Day6: Class vs Function
Day7:
Day8: React-Router
Day9: Redux流程
Day10: Redux 程式碼解析 + 改寫TodoList
Day11: React-Redux
Day12: combineReducer
Day13: PropsTypes
Day14: 業界如何管理Redux?
Day15: 兩款追蹤Redux的工具一次交給你
Day16: 為什麼需要Hooks?
Day17: useState
Day18: 實作todolist
Day19: useEffect
Day20: useReducer
Day21: useCallback + useMemo
Day22: useDispatch
Day23: useSelector
Day24: sweetAlert2
Day25: react-bootstrap
Day26: react-table
Day27: react-intl
Day28: react-chartjs-2
Day29: 其他好用套件推薦
Day30: 結語

Github:這是這30天會存放程式碼的地方,如果不會PR,這邊有相關文章你說你想練習發發看?也不是不行拉...,那第一天就這樣嘍,明天就要進入主題了


下一篇
Day2 基礎安裝 + 加碼:nvm
系列文
30天學會React8
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言